<section class="hbox stretch">
    <section>
        <section class="vbox">
            <section class="scrollable padder" id="bjax-target">
                <div class="m-b-md">
                    <h3 class="m-b-none">Elements</h3>
                </div>
                <div class="row">
                    <div class="col-sm-12">
                        <section class="panel panel-default">
                            <header class="panel-heading font-bold">Basic form</header>
                            <div class="panel-body">
                                <div id="form" role="form" class="bs-example form-horizontal">
                                    <div class="form-group">
                                        <label class="col-md-2 text-right">电话号码</label>
                                        <div class="col-md-10">
                                            <input type="text" class="form-control" data-type="phone"
                                                   data-required="true">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-md-2 text-right">邮箱</label>
                                        <div class="col-md-10">
                                            <input type="text" class="form-control" data-type="email"
                                                   data-required="true">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-md-2 text-right">数字</label>
                                        <div class="col-md-10">
                                            <input type="text" class="form-control" data-type="number"
                                                   data-required="true">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-md-2 text-right">可选</label>
                                        <div class="col-md-10">
                                            <input type="text" data-type="" class="form-control">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-md-offset-2 col-md-10">
                                            <div class="checkbox i-checks">
                                                <label>
                                                    <input type="checkbox" checked=""><i></i> Check me out
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-md-offset-2 col-md-10">
                                            <button id="submit" type="button" class="btn btn-sm btn-default">Submit
                                            </button>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </section>
                    </div>
                </div>
            </section>
        </section>
    </section>
</section>
<script type="text/javascript" src="js/view/content.js"></script>